<style>
	.nav{
		width: 100%;
		height: 100%;
		background-color: #f8f8f8;
		z-index: 999;
	}
	.back {
		width: 100%;
		height: 0.88rem;
		background-color: #f8f8f8;
		display: flex;
		justify-content: space-between;
		padding: 0 0.22rem;
		box-sizing: border-box;
	}
	
	.back div {
		font-size: 0.3rem;
		color: #848484;
	}
	
	.back div:first-child span:first-child {
		width: 0.36rem;
	}
	
	.back div:first-child span:first-child img {
		width: 100%;
	}
	
	.back > div:first-child {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	
	.back > div:nth-child(2) {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		width: 0.66rem;
	}
	
	.back div:nth-child(2) >img {
		width: 100%;
	}
	
	.nav .set{
		width:100%;
		height:13.34rem;
		background-color: rgba(0,0,0,0.1);
		position: absolute;
		left: 0;
		top: 0.88rem;
		z-index: 999;
		display: none;
		
	}
	.nav .set > div{
		width:100%;
		height:1.76rem;
		display: flex;
		justify-content: space-around;
		background-color: white
	}
	.nav .set > div > div{
		margin-top: 0.38rem;
		width:0.94rem;
		height: 0.94rem;
		border: 0.02rem solid #ccc;		
	}

</style>
<div class="nav">	
	<div class="back">
		<div onClick="javascript :history.back(-1);">
			<span><img src="img/right.png"/></span>
			<span>返回</span>
		</div>
		<!--<div id="back-btn" data-show="1">
			<img src="img/3point.png" />
		</div>-->
	</div>

<!--设置-->
	<div class="set">
		<div>
			<div><img src="img/card.png"/></div>
			<div><img src="img/back.png"/></div>
		</div>
	</div>

</div>
<script>
	$(function(){
		$('#back-btn').on('tap',function(){
			if($('#back-btn').attr('data-show')==1){

			$('.set').stop().hide().show(300);
			$('#back-btn').attr({
				"data-show":"2"
			})
			}else{

			$('.set').stop().hide(300);
			$('#back-btn').attr({
				"data-show":"1"
			})
			}
		});

	})
</script>